@charset "UTF-8";
@import "normalize", //各大浏览器统一样式模块
"compass/reset", //样式重置模块
"config", //配制文件
"header", //头部样式
"nav", //导航样式
"footer"; //尾部样式


body {
  background: $c022;
}

.main {
  background-image: url("../img/back.jpg");
  background-position: center 0;
  background-repeat: repeat-y;
}

.section{
  height: 1148-70px;
  padding-bottom: 70px;
  overflow: hidden;
}

.motto {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  .title {
    text-align: center;
    color: $cfff;
    position: relative;
    &:before, &:after {
      position: absolute;
      display: block;
      width: 400px;
      height: 4px;
      background-color: $cdf3;
      top: 50%;
      margin-top: -2px;
    }
    &:before {
      -webkit-transform: rotate(-45deg) translate(-500px, 0) ;
      -moz-transform: rotate(-45deg) translate(-500px, 0) ;
      -ms-transform: rotate(-45deg) translate(-500px, 0) ;
      -o-transform: rotate(-45deg) translate(-500px, 0) ;
      transform: rotate(-45deg) translate(-500px, 0) ;
    }
    &:after {
      -webkit-transform: rotate(-45deg) translate(500px, 0) ;
      -moz-transform: rotate(-45deg) translate(500px, 0) ;
      -ms-transform: rotate(-45deg) translate(500px, 0) ;
      -o-transform: rotate(-45deg) translate(500px, 0) ;
      transform: rotate(-45deg) translate(500px, 0) ;
    }
    h2, h3 {
      font-size: 36px;
      margin-bottom: 28px;
    }
    h3 span {
      color: $cdf3;
    }
    p {
      font-size: 18px;
    }
  }
}